
const routes = [
  {
    path: '/',
    component: () => import('layouts/MainLayout.vue'),
    children: [
      { path: '', component: () => import('pages/IndexPage.vue') },
      {path:'/about',component:() => import('pages/AboutPage.vue')},
      {path: '/others',component:()=>import('pages/OthersPage.vue')},
      {path: '/blog',component:()=>import('pages/BlogPage.vue')},
      {path: '/notes',component:()=>import('pages/BoardPage.vue')}
    ],
  },
  {
    path: '/reading/:id',
    component: ()=> import('pages/ReadPage.vue')
  },

  // Always leave this as last one,
  // but you can also remove it
  {
    path: '/:catchAll(.*)*',
    component: () => import('pages/ErrorNotFound.vue')
  }
]

export default routes
